UX Mapping Methods: Visual-Design Guide UX對映方法：視覺設計指南
概要：透過一致地應用視覺設計原則，可以建立出清晰、美觀的UX對映。設計流程從選擇工具開始，接著是建立視覺系統、建立基本佈局，最後是新增內容並調整細節。UX視覺化（通常稱為UX對映方法）展示了產品或過程的不同方面，包括情緒圖、使用者旅程圖、服務藍圖和路線圖等型別。
1. 何時需要考慮地圖的視覺設計（When the Visual Design of a Map Matters）
視覺設計並不總是必須的，尤其是在初期團隊內部討論時。然而，以下情況中，精心設計的地圖更具價值：
- 受眾廣泛：地圖的受眾越廣，地圖的視覺清晰度就越重要。
- 公開展示：如果地圖將對外展示或分發給客戶、合作伙伴、投資者等，最佳化視覺設計可以增強其專業性。
- 影響大：精緻的視覺設計往往能提升地圖的可信度，有助於推動專案進展。
2. 選擇工具（Choosing a Tool）
選擇工具時應考慮以下因素：
- 熟悉度：使用熟悉的工具可節省時間，常見工具包括幻燈片（如PowerPoint）、電子表格（如Excel、Google Sheets）和原型設計工具（如Figma、Sketch）。
- 目標：根據地圖的用途選擇適合的工具，例如地圖是用於展示、團隊協作還是長期維護。
3. 建立一致的視覺系統（Creating a Consistent Visual System）
建立地圖的視覺系統以確保一致性。建立以下樣式：
- 標題文字：地圖示題的樣式，建議字型顏色為黑色，字型大小在60至80點之間。
- 主文字：地圖的主體文字，建議12至18點的黑色文字，確保可讀性。
- 次文字：可以放置在形狀或列表中，使用對比色以便區分主文字。
- 箭頭與線條：用於展示不同元素間的關係，應定義線條型別及用途。
- 標籤：用於解釋地圖結構的文字，建議加粗或下劃線，與內容文字區分。
建立顏色系統：
- 色彩方案：選擇3-6種顏色，確保顏色間相互協調，必要時可以使用品牌色。
- 顏色應用：用顏色區分不同使用者型別、地圖階段等。
4. 建立地圖基礎結構（Building a Foundation）
基礎結構包括：
- 背景資訊：新增標題、建立者和日期，顯示在標題旁，以次文字樣式表示。
- 結構線條：為地圖框架提供視覺基礎，線條應比其他元素更粗，顏色為灰色或黑色。
5. 新增內容（Adding Content）
按照視覺系統將初步內容移至新地圖中，優先新增主要內容（例如泳道、列或象限的標籤）。先將內容放置到位，再根據整體佈局進行調整。
6. 最佳化視覺設計（Refining Your Visual）
在內容就位後，調整間距和元素大小。確保：
- 對齊：使用工具的對齊功能確保元素完美對齊。
- 分佈：同一組內的元素間距均勻。
- 一致性：確保所有視覺元素遵循視覺系統的設定。
- 圖例和標註：如有特定圖示含義，新增圖例幫助受眾理解。
不要為了美觀而最佳化地圖。透過測試和反饋完善地圖，最終建立出實用、專業的視覺系統，並將其應用於新地圖中。